<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8" />
		<title>INFINI练习</title>
		<link rel="stylesheet" href="css/style.css"/>
		<link rel="shortcut icon" href="img/icon.jpg" type="image/x-icon">
		
	</head>
<body>
	<main>
		<div class="nav">
			<center>
                <img src="img/logo.jpg" class="logo">
				<div class="nav-bar">
					<span><a href="https://www.baidu.com/">首页</a>
					</span>
					<span><a href="https://www.baidu.com/">分类</a>
					</span>
					<span><a href="https://www.baidu.com/">内容</a>
					</span>
					<span><a href="https://www.baidu.com/">合作</a>
					</span>
				</div>
			</center>	
		</div>
		<div>
			<center>
				<a href="https://www.baidu.com/">
					<img src="img/banner.jpg"></a>
			</center>
		</div>
		<hr color="#F4A460">
		<p class="text" align="center">这是一个以INFINI为仿照样本的代码练习网站</p>
		<hr color="#F4A460">
		<div class="parner">
			<span><img src="img/阿里.jpg" alt=""></span>
			<span><img src="img/抖音.jpg" alt=""></span>
			<span><img src="img/豆瓣.jpg" alt=""></span>
			<span><img src="img/华为.jpg" alt=""></span>
			<span><img src="img/乐视.jpg" alt=""></span>
			<span><img src="img/链家.jpg" alt=""></span>
			<span><img src="img/腾讯.jpg" alt=""></span>
			<span><img src="img/头条.jpg" alt=""></span>
			<span><img src="img/网易.jpg" alt=""></span>
			<span><img src="img/优酷.jpg" alt=""></span>
		</div>
		<center>
			<div class="container">
				<a href="https://www.baidu.com/">
				 <img src="img/图1.jpg" alt="一张图">
				 <p>SANTA CLAUS</p>
				</a>
			</div>	
			<div class="container">
				<a href="https://www.baidu.com/">
				 <img src="img/图2.jpg" alt="一张图">
				 <p>WHALE</p>
				</a>
			</div>	
			<div class="container">
				<a href="https://www.baidu.com/">
				 <img src="img/图3.jpg" alt="一张图">
				 <p>LADYBIRD</p>
				</a>
			</div>	
			<div class="container">
				<a href="https://www.baidu.com/">
				 <img src="img/图4.jpg" alt="一张图">
				 <p>TOKYO</p>
				</a>
			</div>	
			<div class="container">
				<a href="https://www.baidu.com/">
				 <img src="img/图5.jpg" alt="一张图">
				 <p>BEACH</p>
				</a>
			</div>	
			<div class="container">
				<a href="https://www.baidu.com/">
				 <img src="img/图6.jpg" alt="一张图">
				 <p>COOL GUY</p>
				</a>
			</div>	
		</center>
	</main>
	<footer>
		<div class="footer-left">
			<a href="https://www.baidu.com/" ><img src="img/contact1.jpg" width="20%"></a>
			<a href="https://www.baidu.com/" ><img src="img/contact2.jpg" width="20%"></a>
			<a href="https://www.baidu.com/" ><img src="img/contact3.jpg" width="20%"></a>
		</div>
		<div class="footer-right">		
			<p>INFINI练习</p>
			<p>广州市中大南方</p>
			<p>网络与新媒体</p>
			<p>罗佳莼</p>
			<p>Email : 1725599271@qq.com</p>
		</div>
	</footer>
<body>
 
</html>
